<div id="section">
    <div class="con">
        <div ng-repeat="item in Hdata track by $index"  ng-init="outerIndex=$index">
            <!--首页推荐模块位置-->
            <div ng-repeat="recom in childGetMouds" ng-if="recom.position==outerIndex" ng-init="newsOuterIndex=$index">
                <div>
                    <div ng-include="'tpl/news.html'"></div>
                </div>
            </div>

           <!--0文章-->
           <div ng-if="item.articleType=='0'">
               <div ng-if="!item.picSmall&&!item.picMiddle&&!item.picBig" ng-cloak id="sigText" class="row"  style="margin: 1.333rem 1.333rem;border-bottom: 1px solid #eee;padding: 0px 0 1.3333rem 0;">
                   <p ng-click="jump('/detail/'+item.fileId)" style="margin-bottom: 1.333rem">{{item.title}}</p>
                   <div class="homeArtiText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span></div>
                   <!--<span class="badge badge-warning">{{item.colName}}</span>-->
               </div>
                <!--//articleType=0且有图片-->
                <div ng-if="item.picSmall||item.picMiddle||item.picBig">
                    <div class="homeSpecilLi" ng-if="item.articleType=='0'&&item.bigPic==0" style="margin: 1.333rem 1.333rem;border-bottom: 1px solid #eee;padding: 0px 0 1.3333rem 0;">
                        <div class="homeSpecilLiCont">
                            <div ng-click="jump('/detail/'+item.fileId)">{{item.title}}</div>
                            <div class="homeSpecilLiContText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span></div>
                        </div>
                        <div class="homeSpecilLiImg homeSpecilLiImgTwo">
                            <img ng-click="showModelImg($index,$event)" ng-src="{{item.picBig||item.picSmall||item.picMiddle||'static/45.png'}}" class="img img-responsive" onerror="globalBitmap(this)">
                        </div>
                    </div>
                    <!--普通类型大图稿件-->
                    <div ng-click="jump('/detail/'+item.fileId)" class="homeLiveInfo" ng-if="item.articleType!='0'&&item.bigPic!=0" <!--style="padding-top:1.0rem-->">
                        <div>{{item.title}}</div>
                        <div class="homeLiveInfoPic"><img  ng-src="{{item.picSmall||item.picMiddle||item.picBig||'static/45.png'}}" onerror="globalBitmap(this)"></div>
                        <div class="mulPicFootText"><span style="    font-size: 1.155rem; color: #999999;
    padding-bottom: 1.333rem;
    position: relative;
    font-style: normal;">{{item.publishtime|fomatTime}}</span><span>{{item.source}}</span></div>
                    </div>
                </div>
           </div>
            <!--2视频-->
            <div class="row" ng-if="item.articleType=='2'&&item.bigPic==0" style="margin: 1.333rem 1.333rem;border-bottom: 1px solid #eee; padding: 0px 0 1.3333rem 0;">
                <div class="home_vedios">
                    <div class="homeVedioTitle">
                        <div class="vedio_title" ng-click="jump('/detailVedio/'+item.fileId)">{{item.title}}</div>
                        <div class="vedio_decription">
                            <div class="vedio_decri_lef homeArtiText">

                                <em>{{item.publishtime|fomatTime}}</em>
                                <span>{{item.source}}</span>
                            </div>
                        </div>
                    </div>
                    <div class="home_vedio_con">
                        <img  ng-click="showModelImg($index,$event)" ng-src="{{item.picSmall||item.picMiddle||item.picBig||'static/45.png'}}" onerror="globalBitmap(this)">
                    </div>
                </div>
            </div>
            <!--视频类型大图稿件-->
            <div ng-click="jump('/detailVedio/'+item.fileId)" class="homeLiveInfo" ng-if="item.articleType=='2'&&item.bigPic!=0" style="margin-top:1.0rem">
                <div>{{item.title}}</div>
                <div class="homeLiveInfoPic"><img  ng-src="{{item.picSmall||item.picMiddle||item.picBig||'static/45.png'}}" onerror="globalBitmap(this)"></div>
                <div class="mulPicFootText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span></div>
            </div>
            <!--3专题-->
            <div ng-click="jump('/special/'+item.fileId+'/'+item.linkID)" class="homeSpecilLi" ng-if="item.articleType=='3'&&item.bigPic==0" style="margin: 1.333rem 1.333rem;border-bottom: 1px solid #eee;padding: 0px 0 1.3333rem 0;">
                <div class="homeSpecilLiCont">
                    <div ng-click="jump('/special/'+item.fileId+'/'+item.linkID)">{{item.title}}</div>
                    <div class="homeSpecilLiContText"><em style="color:#000000">{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span><span id="homeFooteBage" ng-click="jump('/special/'+item.fileId+'/'+item.linkID)" style="margin-right:2px">专题</span></div>
                </div>
                <div class="homeSpecilLiImg homeSpecilLiImgTwo">
                        <img ng-click="showModelImg($index,$event)" ng-src="{{item.picMiddle||item.picSmall||item.picBig||item.img||'static/45.png'}}" class="img img-responsive" onerror="globalBitmap(this)">
                </div>
            </div>
            <!--专题类型大图稿件-->
            <div ng-click="jump('/special/'+item.fileId+'/'+item.linkID)" class="homeLiveInfo" ng-if="item.articleType=='3'&&item.bigPic!=0" style="margin-top:1.0rem">
                <div>{{item.title}}</div>
                <div class="homeLiveInfoPic"><img  ng-src="{{item.picSmall||item.picMiddle||item.picBig||'static/45.png'}}" onerror="globalBitmap(this)"></div>
                <div class="mulPicFootText"><span style="color:#000000">{{item.publishtime|fomatTime}}</span><span>{{item.source}}</span><span id="homeFooteBage">专题</span></div>
            </div>
            <!--articleType为12为h5稿件-->
            <div ng-click="h5Jump(item.url)" class="homeSpecilLi" ng-if="item.articleType=='12'&&item.bigPic==0" style="margin: 1.333rem 1.333rem;border-bottom: 1px solid #eee;padding: 0px 0 1.3333rem 0;">
                <div class="homeSpecilLiCont">
                    <div>{{item.title}}</div>
                    <div class="homeSpecilLiContText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span></div>
                </div>
                <div class="homeSpecilLiImg homeSpecilLiImgTwo">
                    <img ng-src="{{item.picMiddle||item.picSmall||item.picBig||item.img||'static/45.png'}}" class="img img-responsive" onerror="globalBitmap(this)">
                </div>
            </div>
            <!--h5类型大图稿件-->
            <div ng-click="h5Jump(item.url)" class="homeLiveInfo" ng-if="item.articleType=='12'&&item.bigPic!=0" style="margin-top:1.0rem">
                <div>{{item.title}}</div>
                <div class="homeLiveInfoPic"><img  ng-src="{{item.picSmall||item.picMiddle||item.picBig||'static/45.png'}}" onerror="globalBitmap(this)"></div>
                <div class="mulPicFootText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span></div>
            </div>

            <!--1组图 ng-click="showModelImg($index,$event)" -->
            <div class="homeMutiTtile" ng-if="item.articleType=='1'&&item.bigPic==0">
                <div class="homeMutiTtileTex" ng-click="jump('/detailPicture/'+item.fileId)">{{item.title}}</div>
                <div class="mulPicBoxOuter">
                <div  class="mulPicBox">
                    <div class="mulPic">
                            <img  ng-src="{{item.pic0||'static/45.png'}}" alt="" class="img img-responsive" onerror="globalBitmap(this)">
                    </div>
                    <div class="mulPic mulPic2">
                            <img   ng-src="{{item.pic1||'static/45.png'}}" alt="" class="img img-responsive" onerror="globalBitmap(this)">
                    </div>
                    <div class="mulPic">
                            <img ng-src="{{item.pic2||'static/45.png'}}" alt="" class="img img-responsive" onerror="globalBitmap(this)">

                            <div class="positionTime positionTime1">{{item.picCount}}张</div>
                    </div>
                </div>
                    <div class="mulPicFootText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span></div>
                </div>
            </div>
            <!--组图类型大图稿件-->
            <div ng-click="jump('/detailPicture/'+item.fileId)" class="homeLiveInfo" ng-if="item.articleType=='1'&&item.bigPic!=0" style="margin-top:1.0rem">
                <div>{{item.title}}</div>
                <div class="homeLiveInfoPic"><img  ng-src="{{item.pic0||item.pic1||item.pic2||'static/45.png'}}" onerror="globalBitmap(this)"><div class="positionTime positionTime1">{{item.picCount}}张</div></div>
                <div class="mulPicFootText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span></div>

            </div>

            <!--6直播 titile跳转模态框ng-click="showModelImg($index,$event)"-->
            <div ng-click="jump('/detailLive/'+item.fileId+'/'+item.linkID)" class="homeLiveInfo" ng-if="item.articleType=='6'&&item.bigPic!=0">
                <div>{{item.title}}</div>
                <div class="homeLiveInfoPic"><img  ng-src="{{item.picSmall||item.picMiddle||item.picBig||'static/45.png'}}" onerror="globalBitmap(this)"></div>
                <div class="mulPicFootText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span><span id="homeFooteBage">直播</span></div>
            </div>
            <!--直播大图稿件-->
            <div ng-click="jump('/detailLive/'+item.fileId+'/'+item.linkID)" class="homeSpecilLi" ng-if="item.articleType=='6'&&item.bigPic==0" style="margin: 1.333rem 1.333rem;border-bottom: 1px solid #eee;padding: 0px 0 1.3333rem 0;margin-bottom: 1rem">
                <div class="homeSpecilLiCont">
                    <div ng-click="jump('/detailLive/'+item.fileId+'/'+item.linkID)">{{item.title}}</div>
                    <div class="homeSpecilLiContText"><em>{{item.publishtime|fomatTime}}</em><span>{{item.source}}</span><span id="homeFooteBage" ng-click="jump('/detailLive/'+item.fileId+'/'+item.linkID)" style="margin-right:2px">直播</span></div>
                </div>
                <div class="homeSpecilLiImg homeSpecilLiImgTwo">
                    <img ng-click="showModelImg($index,$event)" ng-src="{{item.picMiddle||item.picSmall||item.picBig||item.img||'static/45.png' }}" class="img img-responsive" onerror="globalBitmap(this)">
                </div>
            </div>
        </div>
        <!--如果首页推荐模块位置大于内容总条数需要显示剩余部分-->
        <div ng-repeat="recomOther in childGetMouds" ng-if="recomOther.position>Hdata.length" ng-init="newsOuterIndex=$index">
            <div>
                <div ng-include="'tpl/news.html'"></div>
            </div>
        </div>
    </div>
</div>
<style>
    .positionTime{
        width: 3rem;
        height: 1.5rem;
        line-height: 1.5rem;
        position: absolute;
        text-align: center;
        color: #fff;
        background-color: rgba(0, 0, 0 ,0.4);
        font-size: 0.14rem;
        padding: 1px 2px;
        bottom: 0.4rem;
        right: 0.3rem;
        border-radius: 4px;
    }
    .homeLiveInfoPic{
        position: relative;
    }
</style>

<!--
<style>
   .mulPicBox{
       overflow: hidden;
       padding: 1.333rem 0;
   }
    .mulPic{
        float: left;
        width: 32%;
        height: 82px;
    }
   .mulPic2{
        margin: 0 4px;
    }
   .mulPic img{
       width: 100%;
       height: 100%;
   }
    .homeMutiTtile{
        font-size: 1.333rem;
        color: #333333;
        font-weight: 400;
    }
    .homeMutiTtileTex{
        padding: 0 1.333rem;
    }
    .mulPicBoxOuter{
        margin: 0 1.333rem;
        border-bottom:1px solid #e3e3e3;
    }
    .homeArtiText span,.homeArtiText em{
        font-size: 13px;
        color: #999999;
    }
   .homeArtiText em{
       margin-right: 1.333rem;
   }
    .mulPicFootText{
        font-size: 13px;
        color: #999999;
        padding-bottom: 1.333rem;
    }
    .home_vedios{
        overflow: hidden;
        position: relative;
    }
    .homeVedioTitle{
        float: left;
        width: 60%;
    }
    .home_vedio_con{
        float: right;
    }
    .homeLiveInfo{
        padding:0 1.333rem;
    }
    .homeLiveInfoPic{
        width: 100%;
        height:130px;
        margin: 1.333rem 0;
    }
   .homeLiveInfoPic img{
       width: 100%;
       height:130px ;
   }
    .vedio_decription{
        position: absolute;
        bottom: 0;
    }
    .homeSpecilLi{
        overflow: hidden;
    }
   .homeSpecilLiCont{
       width: 70%;
       height: 100%;
       position: relative;
   }
   .homeSpecilLiImg{
       width: 30%;

   }
    .homeSpecilLiCont,.homeSpecilLiImg{
        float: left;
        height:78px;
    }
    .homeSpecilLiImg img{
        float: left;
        width: 100%;
        height: 100%;
    }
    .homeSpecilLiContText{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .homeSpecilLiContText span{
        margin-left: 8px;
    }
</style>-->
